// 1.0 导入vue核心包
import Vue from 'vue';

// 2.0导入app.vue的vue对象
import App from './App.vue';

// 3.0 将vue-router集成到这个项目中来
import vueRouter from 'vue-router';
// 3.0.1 将vueRouter对象绑定到Vue对象上
Vue.use(vueRouter);
// 3.0.2 导入路由规则对应的组件对象
import home from './components/Home.vue';
import car from './components/shopcar/car.vue';
import newslist from './components/news/newslist.vue';
import newsinfo from './components/news/newsinfo.vue';
import photolist from './components/photo/photolist.vue';
import photoinfo from './components/photo/photoinfo.vue';
import goodslist from './components/goods/goodslist.vue';
import goodsinfo from './components/goods/goodsinfo.vue';
import goodsdesc from './components/goods/goodsdesc.vue';
import goodscomment from './components/goods/goodscomment.vue';

// 3.0.3 定义路由规则
var router = new vueRouter({
    linkActiveClass:'mui-active', //改变路由激活时的class名称
    routes:[
        {path:'/',redirect:'/home'},//设置当服务器启动的时候默认进入 /home 中
        {path:'/home',component:home},//首页
        {path:'/shopcar/car',component:car},//购物车
        {path:'/news/newslist',component:newslist},//新闻资讯列表页面
        {path:'/news/newsinfo/:id',component:newsinfo},//新闻资讯详情页面
        {path:'/photo/photolist',component:photolist}, //图片分享页面
        {path:'/photo/photoinfo/:id',component:photoinfo}, //图片详情页面
        {path:'/goods/goodslist',component:goodslist}, //商品列表
        {path:'/goods/goodsinfo/:id',component:goodsinfo}, //商品详情页面
        {path:'/goods/goodsdesc/:id',component:goodsdesc}, //图文详情图文
        {path:'/goods/goodscomment/:id',component:goodscomment}, //图文详情评论
    ]
});

//4.0 注册mint-ui
//导入mint-ui的css文件
import 'mint-ui/lib/style.min.css';
//导入mint-ui组件对象
import Mint from 'mint-ui';
// 在Vue中使用minui
Vue.use(Mint);

//5.0注册mui的css样式
import '../statics/mui/css/mui.css';
import '../statics/mui/css/app.css';

//6.0 倒入一个当前系统的全局基本样式
import '../statics/css/site.css';

//7.0 将vue-resource在vue中绑定,自动在vue对象实例上注入一个$http对象就可以使用ajax方法
import vueResource from 'vue-resource';
Vue.use(vueResource);

//8.0定义一个全局过滤器，实现日期格式化
import moment from 'moment';
Vue.filter('datefmt',function(input,fmtstring){
    //使用momentjs这个日期格式化类库实现日期格式化功能
    return moment(input).format(fmtstring);
});
//9.0使用图片预览组件
import VuePreview from 'vue-preview';
Vue.use(VuePreview);

// 3.0 利用Vue对象进行解析渲染
new Vue({
    el:"#app",
    //使用路由对象实例
    router,
    // render:function(create){create(App)}//es5
    render:c=>c(App) //es6的函数写法  =>:goes to语法
    // 把App.vue整个文件当成根组件来进行渲染
    // 当方法体的代码有多句的时候要加{},且要有分号
    // render:c=>{c(App);}
});




